import { PushpinOutlined, ReconciliationOutlined, SettingOutlined } from '@ant-design/icons'
import { useEffect, useState } from 'react'
function Com(props) {
  const [state, setState] = useState(0)

  useEffect(() => {
    console.log('函数组件来咯')
  }, [])
  let items = [
    {
      key: 1,
      title: '用户设置',
      children: [
        {
          icon: <SettingOutlined />,
          label: '个人设置',
          key: '1-1'
        },
        {
          icon: <ReconciliationOutlined />,
          label: '系统设置',
          key: '1-2'
        }
      ]
    },
    {
      key: 2,
      icon: <PushpinOutlined />,
      label: '退出登录'
    }
  ]
  return <Menu theme="light" mode="inline" itmes={items}></Menu>
}

export default Com
